﻿@model IEnumerable<Hrm.Services.ClassMateDto>
@{
    Layout = "~/Views/Shared/_ClassMateMobileSearchLayout.cshtml";
}

<section class="ui-container">
    <div class="ui-whitespace">
        @if (@Model.Count() > 0)
        {
            foreach (var item in Model)
            {
                <div class="ui-form ui-border-t">
                    <form action="#">
                        @*<div class="animated fadeIn" style="width: 100%; height: 300px; margin-top: 10px; background: url('../../Images/upload/HeadImg1.png') no-repeat 50% 50%;">
                            </div>*@
                        <div class="animated fadeIn" style="width: 100%; height: 300px; margin-top: 10px; background: url('@item.ImageUrl') no-repeat 50% 50%;background-size: contain;">
                        </div>
                        <div class="ui-form-item ui-form-item-l ui-border-b">
                            <label class="ui-border-r">姓名</label>
                            <input type="text" value="@item.Name" readonly>
                        </div>
                        <div class="ui-form-item ui-form-item-l ui-border-b">
                            <label class="ui-border-r">电话</label>
                            <a class="phoneClass" href="tel:@item.Phone">@item.Phone</a>
                        </div>
                        <div class="ui-form-item ui-form-item-l ui-border-b">
                            <label class="ui-border-r">QQ</label>
                            <input type="text" value="@item.QQ" readonly>
                        </div>
                        <div class="ui-form-item ui-form-item-l ui-border-b">
                            <label class="ui-border-r">微信</label>
                            <input type="text" value="@item.WeChat" readonly>
                        </div>
                        <div class="ui-form-item ui-form-item-l ui-border-b">
                            <label class="ui-border-r">公司</label>
                            <input type="text" value="@item.Company" readonly>
                        </div>
                        <div class="ui-form-item ui-form-item-l ui-border-b">
                            <label class="ui-border-r">学校</label>
                            <input type="text" value="@item.SchoolName" readonly>
                        </div>
                        <div class="ui-form-item ui-form-item-l ui-border-b">
                            <label class="ui-border-r">地址</label>
                            <input type="text" value="@item.Address" readonly>
                        </div>
                        <div class="ui-form-item ui-form-item-l ui-form-item-textarea ui-border-b">
                            <label>介绍</label>
                            <textarea readonly>@item.Description</textarea>
                        </div>
                    </form>
                </div>
            }
        }
        else
        {
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <span class="ui-icon-search" style="font-size: 328px;"></span>
    <br />
    <br />
            <span>模糊名字匹配结果</span>
        }

    </div>
</section>